<template>
  <div class="about">
    <template>
      <el-form ref="addForm" :model="addForm" label-width="90px">
        <el-form-item label="受保人">
          <el-input v-model="addForm.claims.name"></el-input>
        </el-form-item>
        <el-form-item label="事故时间">
          <el-input v-model="addForm.claims.accidentTime"></el-input>
        </el-form-item>
        <el-form-item label="申请时间">
          <el-input v-model="addForm.claims.applyTime"></el-input>
        </el-form-item>
        <el-form-item label="保单金额">
          <el-input v-model="addForm.claims.price"></el-input>
        </el-form-item>
        <el-form-item label="理赔状态">
          <el-input v-model="addForm.claims.state"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="addClaims(addForm.claims)">新增</el-button>
        </el-form-item>
      </el-form>
    </template>
  </div>
</template>
<script>
import { createNamespacedHelpers } from "vuex";
const { mapState, mapMutation, mapActions } = createNamespacedHelpers("claims");
export default {
  data() {
    return {
      // 新增
      addForm: {
        claims: {
          name: "",
          accidentTime: "",
          applyTime: "",
          price: "",
          state: "",
        },
        delivery: false, //立即创建
        type: [],
        resource: "",
      },
    };
  },
  computed: {},
  methods: {
    ...mapActions(["addClaims"]),
  },
};
</script>
<style>
/* .el-container .el-main .about {
  padding: 150px 400px 150px 300px;
} */
</style>
